<template>
    <div>
        <el-timeline>
            <el-timeline-item timestamp="2018/4/12" placement="top">
                <el-card>
                    <el-link type="primary" class="content">部署完到服务器后！！无法登入啊 求帮忙部署完到服务器后！！无法登入啊 求帮忙部署完到服务器后！！无法登入啊 求帮忙部署完到服务器后！！无法登入啊 求帮忙</el-link>
                    <span style="color: #909399;margin-right: 2rem">阿春 回复了你</span>
                    <ReplyDialog style="display: inline-block"/>
                </el-card>
            </el-timeline-item>
        </el-timeline>
    </div>
</template>

<script>
    import ReplyDialog from "./ReplyDialog";
    export default {
        name: "ReplyCard",
        components: {ReplyDialog}
    }
</script>

<style scoped>
    /deep/.el-link.is-underline:hover::after{
        content: none;
    }
    /deep/.el-link.is-underline:hover{
        text-decoration: underline;
    }
    .content{
        font-size: 2.5rem;
        line-height: 4rem;
        margin-bottom: 1rem;
    }
</style>